<template>
	<view>
		<view class="header">
			<u-navbar
				:background="{ backgroundColor: '#3478F2' }"
				back-icon-color="#fff"
				back-icon-name="arrow-left"
				back-icon-size="40"
				title="提交成功"
				title-color="#fff"
				title-size="40"
				title-bold
			></u-navbar>
		</view>
		<scroll-view scroll-top="0" scroll-y="true" :style="`height:${scrollHeight}px`">
			<view class="page">
				<view class="bj"><image src="/static/icon/quesheng.png" mode="scaleToFill" class="img" /></view>
				<view class="title">恭喜你！申请资料已成功提交</view>
				<view class="content">
					审核人员会在
					<text>30分钟</text>
					内联系您，
				</view>
				<view class="content">
					请注意
					<text>接听审核电话</text>
				</view>
				<view class="btn headle" @click="next">我知道了</view>
				<view class="bottom">
					<view>温馨提示:</view>
					<view>
						1、该产品需电话审核，
						<text>不上征信，建议申请哦</text>
					</view>
					<view>2、下款前任何收取费用的行为，均为诈骗行为，请您保持警惕，如遇诈骗可联系客服.</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
import { mixin } from '@/utils/mixins'
export default {
	mixins: [mixin],
	components: {},
	data() {
		return {}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	// 方法集合
	methods: {
		next() {
			uni.navigateTo({
				url: '/pages/financial/bigResult'
			})
		}
	},
	onHide() {},
	onUnload() {}
}
</script>

<style lang="scss" scoped>
.page {
	height: 100%;
	background-color: #fff;
	padding: 56rpx;
	font-family: PingFang SC;
}
.bj {
	width: 343rpx;
	margin: 0 auto;
	margin-top: 150rpx;
}
.img {
	width: 343rpx;
	height: 287rpx;
}
.title {
	margin-top: 74rpx;
	font-size: 44rpx;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 36rpx;
}
.content {
	font-size: 32rpx;
	font-weight: 400;
	color: #333333;
	text-align: center;
	text {
		color: #3478f2;
	}
}
.btn {
	margin-top: 200rpx;
	height: 92rpx;
	width: 100%;
	font-size: 36rpx;
	font-weight: 400;
	color: #ffffff;
	background: linear-gradient(270deg, #0481fe 0%, #40c5fe 100%);
	border-radius: 70rpx;
	line-height: 92rpx;
	text-align: center;
	letter-spacing: 2rpx;
}
.bottom {
	margin-top: 192rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #969799;
	text {
		color: #3478f2;
	}
}
</style>
